<template>
	<view class="container">
		<view class="footer-wrap">
			<view class="footer-body-wrap">
				<!-- 主体部分 -->
						
						<view class="contact-info-wrap">
							<view class="contact-item">
								<text @click="onclick">关于我们 |</text>
								<text>联系我们</text>
								<u-icon name="phone" size='18' color="#ffff"></u-icon>
								<text class="footer-tel">4008767789</text>
							</view>
						</view>
						
			</view>
			<!-- 最底部 -->
			<view class="footer-bottom-wrap">
				<text style="cursor: pointer;" @click="handlebeian">鲁ICP备2023040181号-2</text>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			onclick() {
				uni.navigateTo({
					url: '/pages/about/index'
				});
			},
			handlebeian() {
				window.open('https://beian.miit.gov.cn/', '_bank')
			}
		}
	}
</script>

<style>
.container {
	background-color: #242424;
}

.footer-wrap {
	
	bottom: 0;
	width: 100%;
	margin: 0 auto;

	.footer-body-wrap {
		width: 100%;
		padding: 10px 15px;
		display: flex;
		align-items: center;
		justify-content: center;

		.contact-info-wrap {
			font-size: 14px;
			color: #aaaaaa;
		

			.footer-tel {
				font-size:18px;
				font-weight: bold;
				color: #ffffff;
			}

			.contact-item {
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}

	}

	.footer-bottom-wrap {
		width: 100%;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		padding: 10px 0;
		color: #888888;
		font-size: 14px;

		.line {
			margin: 0 0px;
		}
	}
}
  
/* 小屏幕适配 */
@media screen and (max-width: 960px) {

}
</style>
